import React, { Component } from 'react'
import classnames from 'classnames/bind'
import './movie.css'
import common from './common.module.css'
import styles from './style.css'
import MainContainer from './mainContainer'

let cx = classnames.bind(styles)

export default class Movie extends Component {

  constructor() {
    super()
    this.state = {
      isError: true
    }
  }

  render() {
    let names = cx({
      inProcess: true,
      error: this.state.isError
    })
    return (
      <div>
        <MainContainer bg="green"></MainContainer>
        <ul>
          <li className="title">电影</li>
          <li style={{ "fontSize": "30px", "color": "red" }}>视频</li>
          <li className={common.bar}>小视频</li>
          <li className={names}>演出</li>
          <li>我的</li>
        </ul>
      </div>
    )
  }


  componentDidMount() {
    setTimeout(() => {
      this.setState({
        isError: false
      })
    }, 2000)
  }
}
